<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>暗夜灵码会</title>
    <link rel="icon" href="./img/Logo.png">

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/agency.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

<!--    &lt;!&ndash; HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries &ndash;&gt;-->
<!--    &lt;!&ndash; WARNING: Respond.js doesn't work if you view the page via file:// &ndash;&gt;-->
<!--    &lt;!&ndash;[if lt IE 9]>-->
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
`
</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">作者：崔展祥</a>
                <a class="navbar-brand page-scroll" href="#page-top">合作联系VX：VulcanLeo（admin）</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">服务</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">精选案例</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">组织</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">团队</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">联系</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">欢迎来到我们的聚集地！！！</div>
                <div class="intro-heading">暗夜灵码会！</div>
                <a href="#services" class=" page-scroll btn btn-xl">了解更多</a>
            </div>
        </div>
    </header>

    <!-- Services Section -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">服务</h2>
                    <h3 class="section-subheading text-muted">我们提供专业的解决方案</h3>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
</span>
                    <h4 class="service-heading">电子商务</h4>
                    <p class="text-muted">打造高效便捷的在线购物平台，助力您的业务增长。</p>
                </div>
                <div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
                    <h4 class="service-heading">响应式设计</h4>
                    <p class="text-muted">适配各种设备的网站设计，提供完美的用户体验。</p>
                </div>
                <div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-lock fa-stack-1x fa-inverse"></i>
</span>
                    <h4 class="service-heading">网络安全</h4>
                    <p class="text-muted">全面的安全防护方案，保障您的数据和隐私安全。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 作品展示区 -->
    <section id="portfolio" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">精选案例</h2>
                    <h3 class="section-subheading text-muted">探索我们的成功项目</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/roundicons.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>博客篇</h4>
                        <p class="text-muted">个人博客</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/startup-framework.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>后台篇</h4>
                        <p class="text-muted">后台篇</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/treehouse.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>中国象棋篇</h4>
                        <p class="text-muted">中国象棋篇</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/golden.png" class="img-responsive" alt="">
                    </a>

                    <div class="portfolio-caption">

                        <h4>经典FC篇</h4>
                        <p class="text-muted">经典FC篇</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/escape.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>我爱我家篇</h4>
                        <p class="text-muted">北京我爱我家亚奥旗舰店</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/dreams.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>梦想</h4>
                        <p class="text-muted">网站设计</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">暗夜灵码会</h2>
                    <h3 class="section-subheading text-muted">探索代码之夜的奥秘</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <ul class="timeline">
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/1.jpg" alt="初创团队">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>2022年5月</h4>
                                    <h4 class="subheading">梦开始的地方</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">几位志同道合的开发者在一个深夜的编程马拉松中相遇，共同的理想让他们决定组建这个特别的代码组织。</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/2.jpg" alt="成立仪式">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>2024年10月</h4>
                                    <h4 class="subheading">暗夜灵码会的诞生</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">经过两年筹备，我们正式成立"暗夜灵码会"，专注于夜间创意编程和前沿技术探索，吸引了第一批核心成员加入。</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/3.jpg" alt="团队闭关">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>2024年-2027年</h4>
                                    <h4 class="subheading">闭关修炼阶段</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">这段时间里，我们潜心研究AI编程、量子计算等前沿领域，开发了多个创新项目，为未来的技术突破打下坚实基础。</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/4.jpg" alt="团队扩展">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>2027年3月</h4>
                                    <h4 class="subheading">精修团队第二阶段</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">随着核心技术的成熟，我们开始扩展团队规模，吸纳更多优秀人才，同时优化组织架构，为更大规模的技术创新做准备。</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <h4>加入
                                    <br>我们的
                                    <br>传奇!</h4>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>


                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Team Section -->
    <section id="team" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">我们出色的团队</h2>
                    <h3 class="section-subheading text-muted">精英汇聚，共创未来</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="img/team/1.jpg" class="img-responsive img-circle" alt="崔展祥肖像">
                        <h4>崔展祥</h4>
                        <p class="text-muted">首席研发工程师</p>
                        <ul class="list-inline social-buttons">
                            <li><a href="http://cuizhanxiang.com/#/home" onclick="Prompts1()"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="https://blog.csdn.net/m0_72932834?spm=1000.2115.3001.5343"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="https://mp.weixin.qq.com/s/3MnHv4EGokHUhPWTLRaYmQ">
                                    <i class="fa fa-weixin" style="color: #ffffff;"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="img/team/2.jpg" class="img-responsive img-circle" alt="LT肖像">
                        <h4>崔立腾</h4>
                        <p class="text-muted">首席研发工程师</p>
                        <ul class="list-inline social-buttons">
                            <li><a role="button" onclick="a1()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                            <li><a role="button" onclick="a2()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                            <li><a role="button" onclick="a3()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="img/team/5.jpg" class="img-responsive img-circle" alt="小楠">
                        <h4>崔孝楠</h4>
                        <p class="text-muted">首席研发工程师</p>
                        <ul class="list-inline social-buttons">
                            <li><a role="button" onclick="a4()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                            <li><a role="button" onclick="a5()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                            <li><a role="button" onclick="a6()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="team-member">
                    <img src="img/team/6.jpg" class="img-responsive img-circle" alt="大岭肖像">
                    <h4>李大岭</h4>
                    <p class="text-muted">首席算法工程师</p>
                    <ul class="list-inline social-buttons">
                        <li><a role="button" onclick="a7()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                        <li><a role="button" onclick="a8()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                        <li><a role="button" onclick="a9()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                    </ul>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="team-member">
                    <img src="img/team/7.jpg" class="img-responsive img-circle" alt="大岭肖像">
                    <h4>习近田</h4>
                    <p class="text-muted">首席研发工程师</p>
                    <ul class="list-inline social-buttons">
                        <li><a role="button" onclick="a10()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                        <li><a role="button" onclick="a11()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                        <li><a role="button" onclick="a12()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                    </ul>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="team-member">
                    <img src="img/team/8.jpg" class="img-responsive img-circle" alt="大岭肖像">
                    <h4>崔善亮</h4>
                    <p class="text-muted">首席销售总监</p>
                    <ul class="list-inline social-buttons">
                        <li><a role="button" onclick="a13()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                        <li><a role="button" onclick="a14()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                        <li><a role="button" onclick="a15()" class="btn-icon"><i class="fa fa-twitter"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

        <script>
            // 创建一个通用的未开通提示函数
            function showNotAvailable() {
                Swal.fire({
                    icon: 'info',
                    title: '暂未开通',
                    text: '我们正在努力开发中，敬请关注！',
                    confirmButtonText: '好的'
                });
            }

            // 批量创建a1到a15的函数
            for (let i = 1; i <= 15; i++) {
                window[`a${i}`] = showNotAvailable;
            }
        </script>

            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p class="large text-muted">我们是一支由顶尖技术人才组成的团队，致力于通过创新和技术改变世界。每位成员都在各自领域有着深厚的造诣和丰富的经验。</p>
                </div>
            </div>
        </div>
    </section>
    <!-- Clients Aside -->
    <aside class="clients">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <a href="#">
                        <img src="img/logos/envato.jpg" class="img-responsive img-centered" alt="">
                    </a>
                </div>
                <div class="col-md-3 col-sm-6">
                    <a href="#">
                        <img src="img/logos/designmodo.jpg" class="img-responsive img-centered" alt="">
                    </a>
                </div>
                <div class="col-md-3 col-sm-6">
                    <a href="#">
                        <img src="img/logos/themeforest.jpg" class="img-responsive img-centered" alt="">
                    </a>
                </div>
                <div class="col-md-3 col-sm-6">
                    <a href="#">
                        <img src="img/logos/creative-market.jpg" class="img-responsive img-centered" alt="">
                    </a>
                </div>
            </div>
        </div>
    </aside>

    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">联系我们</h2>
                    <h3 class="section-subheading text-muted">随时为您提供专业支持</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <!-- 联系表单 -->
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="您的姓名 *" id="name" required data-validation-required-message="请输入您的姓名">
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="您的邮箱 *" id="email" required data-validation-required-message="请输入有效的邮箱地址">
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="form-group">
                                    <input type="tel" class="form-control" placeholder="联系电话 *" id="phone" required data-validation-required-message="请输入有效的电话号码">
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" placeholder="留言内容 *" id="message" rows="6" required data-validation-required-message="请详细描述您的需求"></textarea>
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-lg-12 text-center">
                                <div id="success"></div>
                                <button type="button" onclick="Sendamessage()" class="btn btn-xl btn-primary">提交咨询</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </section>
    <!--管理发送按钮 -->
    <script>
        // function Sendamessage() {
        //     alert("感谢您的支持！该功能暂时未上线，有意见请手动发送至邮箱：19251120776@163.com或微信号手机号同步。");
        // }


        function Sendamessage() {
            Swal.fire({
                icon: 'info',
                title: '暂未开通',
                text: '感谢您的支持！该功能暂时未上线，有意见请手动发送至邮箱：19251120776@163.com或微信号手机号同步。',
                confirmButtonText: '好的'
            });
        }
    </script>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">版权所有 &copy; 暗夜灵码会 2024 - 保留所有权利</span>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline social-buttons">
                       <li>

</li>

                    </ul>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline quicklinks">
                        <li><a href="#">隐私策略</a>
                        </li>
                        <li><a href="#">使用条款</a>
                        </li>
                        <li><a href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备2024094339号</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- Portfolio Modals -->
    <!-- Use the modals below to showcase details about your portfolio projects! -->

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- 项目详情在此处填写 -->
                            <p class="item-intro text-muted"><h1>个人博客</h1></p>
                            <img class="img-responsive" src="" alt="">

                            <ul class="list-inline" style="list-style-type: none; padding: 0;">
                                <li><strong>介绍：</strong>个人博客是一个展示个人思想、分享知识和记录生活的网络平台。它通常包含文章发布、分类管理、评论互动等基本功能，可以根据个人需求进行定制开发。</li>
                            </ul>

                            <!-- 添加的跳转按钮 -->
                            <a href="http://1.94.223.72/" target="_blank" class="btn btn-success" style="margin-right: 10px;">
                                <i class="fa fa-external-link"></i> 点击进入
                            </a>

                            <button type="button" class="btn btn-primary" data-dismiss="modal">
                                <i class="fa fa-times"></i> 关闭折叠
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-3">
                        <div class="modal-body">
                            <!-- 项目详情在此处填写 -->
                            <p class="item-intro text-muted"><h1>后台篇</h1></p>
                            <img class="img-responsive" src="" alt="">

                            <ul class="list-inline" style="list-style-type: none; padding: 0;">
                                <li><strong>介绍：</strong>一款轻量级全栈博客平台，支持技术文章发布、多端阅读和数据可视化，提供优雅的写作体验与高效的內容管理方案。</li>
                            </ul>

                            <!-- 添加的跳转按钮 -->
                            <a href="http://1.94.223.72/admin" target="_blank" class="btn btn-success" style="margin-right: 10px;">
                                <i class="fa fa-external-link"></i> 点击进入
                            </a>

                            <button type="button" class="btn btn-primary" data-dismiss="modal">
                                <i class="fa fa-times"></i> 关闭折叠
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <!-- Portfolio Modal 3 -->
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-3">
                        <div class="modal-body">
                            <!-- 项目详情在此处填写 -->
                            <p class="item-intro text-muted"><h1>中国象棋篇</h1></p>
                            <img class="img-responsive" src="" alt="">

                            <ul class="list-inline" style="list-style-type: none; padding: 0;">
                                <li><strong>介绍：</strong>一中国象棋是源自中国的传统棋类游戏，历史悠久，策略丰富。本项目旨在推广中国象棋文化，提供学习、对弈和分析工具，适合初学者和资深棋手。</li>
                            </ul>

                            <!-- 添加的跳转按钮 -->
                            <a href="http://1.94.223.72/zhongguoxiangqi/" target="_blank" class="btn btn-success" style="margin-right: 10px;">
                                <i class="fa fa-external-link"></i> 点击进入
                            </a>

                            <button type="button" class="btn btn-primary" data-dismiss="modal">
                                <i class="fa fa-times"></i> 关闭折叠
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Portfolio Modal 4 -->
    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-3">
                        <div class="modal-body">
                            <!-- 项目详情在此处填写 -->
                            <p class="item-intro text-muted"><h1>经典FC篇</h1></p>
                            <img class="img-responsive" src="" alt="">

                            <ul class="list-inline" style="list-style-type: none; padding: 0;">
                                <li><strong>介绍：</strong>经典FC（Family Computer，即红白机）是任天堂于1983年推出的传奇游戏主机，承载了无数玩家的童年回忆。本项目致力于复刻FC经典游戏，提供怀旧体验，让玩家重温8-bit黄金时代。</li>
                            </ul>

                            <!-- 添加的跳转按钮 -->
                            <a href="http://cuizhanxiang.com/fc/" target="_blank" class="btn btn-success" style="margin-right: 10px;">
                                <i class="fa fa-external-link"></i> 点击进入
                            </a>

                            <button type="button" class="btn btn-primary" data-dismiss="modal">
                                <i class="fa fa-times"></i> 关闭折叠
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-3">
                        <div class="modal-body">
                            <!-- 项目详情在此处填写 -->
                            <p class="item-intro text-muted"><h1>北京我爱我家亚奥旗舰店</h1></p>
                            <img class="img-responsive" src="" alt="">

                            <ul class="list-inline" style="list-style-type: none; padding: 0;">
                                <li><strong>介绍：</strong>本篇是为北京我爱我家亚奥旗舰店量身定制的专属解决方案，旨在为亚奥区域客户提供高端、精准的房产综合服务体验。</li>
                            </ul>

                            <!-- 添加的跳转按钮 -->
                            <a href="http://cuizhanxiang.com/woaiwojia/" target="_blank" class="btn btn-success" style="margin-right: 10px;">
                                <i class="fa fa-external-link"></i> 点击进入
                            </a>

                            <button type="button" class="btn btn-primary" data-dismiss="modal">
                                <i class="fa fa-times"></i> 关闭折叠
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Portfolio Modal 6 -->
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- 项目详情在此处填写 -->
                            <h2>项目名称</h2>
                            <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                            <img class="img-responsive img-centered" src="img/portfolio/dreams-preview.png" alt="">
                            <p>Dreams 是由 <a href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a> 制作的免费 PSD 网站模板。Dreams 是一个现代的单页网页模板，适用于几乎任何用途。它是一款精美的模板，设计时考虑到了 Bootstrap 框架。</p>
                            <p>你可以在 <a href="http://freebiesxpress.com/gallery/dreams-free-one-page-web-template/">FreebiesXpress.com</a> 下载此 PSD 模板。</p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal">
                                <i class="fa fa-times"></i> 关闭项目
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpanimatedheader.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqbootstrapvalidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/agency.js"></script>

</body>

</html>
